

<template>
    <div class="vsui-header-tools-item" :title="fullScreen?'还原':'最大化'" @click="fullScreen = Screen.screenSwitch()">
            <el-icon :size="20"><full-screen v-if="!fullScreen"/><crop v-else /></el-icon>
    </div>
    <div class="vsui-header-tools-item" :title="未读消息" @click="fullScreen = Screen.screenSwitch()">
            <el-icon :size="20"><bell /></el-icon>
    </div>
</template>

<script>
import {vue,runtimeCfg} from '@src/assets/core';
import {FullScreen,Crop,Bell} from '@element-plus/icons-vue'
import {ElIcon} from 'element-plus';
import { Screen } from '@vsui/lib-jsext';
export default {
    components:{FullScreen,Crop,Bell,ElIcon},
    props:{},
    setup() {
        
        const fullScreen=vue.ref(false);
        return {           
            fullScreen,          
            Screen,

        }
    },

}
</script>

<style scoped>
.el-icon {
    height:1em;
    width:1em;
    line-height:1em;
    display:inline-flex;
    justify-content:center;
    align-items:center;
    position:relative;
    fill:currentColor;
    font-size:inherit
}

.el-icon svg {
    height:1em;
    width:1em;
}
.vsui-header-tools-item{
    display: flex;
    cursor: pointer;
    align-items: center;
    justify-content: center;
    margin: 0 0px;
    height: 100%;
    width: 30px;
    
}
.vsui-header-tools-item .el-icon {
    font-weight: 700;
}
</style>